<template>
  <view class="container">

  </view>
</template>

<script>
export default {
  methods: {
    handleCategory(category) {
      // 这里可以添加点击按钮后的逻辑，比如跳转到对应记账页面
      console.log(`点击了${category}按钮`);
    }
  }
};
</script>

<style scoped>
.container {
  padding: 20rpx;
}
.button-row {
  display: flex;
  justify-content: space-around;
}
.button-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200rpx;
}
.button-item image {
  width: 80rpx;
  height: 80rpx;
}
.button-item text {
  margin-top: 10rpx;
}
</style>